<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<%    
String path = request.getContextPath();    
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";    
pageContext.setAttribute("basePath",basePath);    
%>   
<head>
    <title>LDAR</title>
    <script src="<%=basePath%>resources/js/jquery-1.9.1.min.js"></script>
    <script src="<%=basePath%>resources/js/bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
    <link href="<%=basePath%>resources/js/bootstrap-3.3.6-dist/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="<%=basePath%>resources/css/style.css" rel="stylesheet" type="text/css">
    <link href="<%=basePath%>resources/css/media.css" rel="stylesheet" type="text/css">
    <script src="<%=basePath%>resources/js/ajaxfileupload.js" type="text/javascript"></script>
    <script src="<%=basePath%>resources/js/jquery.datetimepicker.full.js"></script>
    <script src="<%=basePath%>resources/js/jquery.shCircleLoader-min.js"></script>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
	<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
	<style>
    ul li{float: left;}
    .nav>li{margin-right: -20px}
    .nav li a{padding: 0;color: white;height:1px;width: 110px;text-align: center;}
    .nav li:hover a{background: none;font-weight: bold;color: #00a0e9;font-size: 16px}
    .nav .active a{color:#00a0e9;font-weight: bold;font-size: 16px;background:none;}
    .user_man_setting{height: 30px;width: 30px;}
    .list-group-item{
   	 position: initial;display: inlin-block;padding: 0; 
     margin-bottom: 0;background-color: transparent;border: none;border-bottom-right-radius: 0; 
     border-bottom-left-radius: 0;border-top-left-radius: 0; border-top-right-radius:0;
     right: 0; font-size: 16px;letter-spacing: 0;font-weight: bolder;
    }
    #userBack:hover{color:black;cursor:pointer;}
    .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{background-color:transparent}
</style>
</head>
<body>
	<%--  <div id="leftMenu2">
		<table style="width: 100%;">
			<tr>
				<td>
					<ul class="list-group">
						 <c:forEach items="${_menuList }" var='v' varStatus='vs'>
							<a class="list-group-item" href="#" id='${v.menuCode }'
								style='text-align: center;'
								onclick='window.location.href="<%=basePath%>${v.url}";'>${v.menuName }</a>
						</c:forEach> 
						<a class="list-group-item" href="#" id='menu1'
								style='text-align: center;'
								onclick='window.location.href="<%=basePath%>user/index.html";'>用户管理</a>
						<a class="list-group-item" href="#" id='menu2'
								style='text-align: center;'
								onclick='window.location.href="<%=basePath%>role/index.html";'>角色管理</a>
						<a class="list-group-item" href="#" id='menu3'
								style='text-align: center;'
								onclick='window.location.href="<%=basePath%>depart/index.html";'>部门管理</a>
						<a class="list-group-item" href="#" id='menu4'
								style='text-align: center;'
								onclick='window.location.href="<%=basePath%>room/index.html";'>房间区域管理</a>
						<a class="list-group-item" href="#" id='menu5'
								style='text-align: center;'
								onclick='window.location.href="<%=basePath%>box/index.html";'>盒子管理</a>
						<a class="list-group-item" href="#" id='menu6'
								style='text-align: center;'
								onclick='window.location.href="<%=basePath%>equipment/index.html";'>设备管理</a>
						<a class="list-group-item" href="#" id='menu6'
								style='text-align: center;'
								onclick='window.location.href="<%=basePath%>scene/index.html";'>场景管理</a>
					</ul>
				</td>
			</tr>
		</table>
	</div>
	--%>
	
	
	<%--  <div class="navbar navbar-inverse" id="nav" style="width:1080px;margin:0 auto;z-index:999;position:fixed;felt:0;top:0">
    <div class="container" >
        <div class="col-sm-3">
            <div class="navbar-header" style="height: 96px;">
                <button type="button" style="margin-top: 24px" id="navBtn" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">智能家居</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button> 
                <div class="logo">
                    <a href="JavaScript:;">
                        <h1>ZNJJ</h1>
                        <h3>智能家居</h3>
                    </a>
                </div>
            </div> </div>
        <div id="navbar" class="navbar-collapse collapse" >
            <div class="col-sm-8 col-md-push-1 col-sm-push-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#" onclick='window.location.href="user.html";'>用户管理</a></li>
                    <li><a href="#" onclick='window.location.href="<%=basePath%>role/index.html";'>角色管理</a></li>
                    <li><a href="#" onclick='window.location.href="../depart/depart.html";'>部门管理</a></li>
                    <li><a href="#" onclick='window.location.href="../room/room.html";'>房间区域管理</a></li>
                    <li><a href="#" onclick='window.location.href="../box/box.html";'>盒子管理</a></li>
                    <li><a href="#" onclick='window.location.href="../equipment/equipment.html";'>设备管理</a></li>
                    <li><a href="#" onclick='window.location.href="../scene/scene.html";'>情景模式</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="back pull-right">欢迎您！
        <span>admin</span>
        &nbsp;
        &nbsp;
        <a href="#">注销</a>  &nbsp;&nbsp; &nbsp;&nbsp;
    </div>
</div>
--%>
	<div class="container" style="background: url('<%=basePath%>resources/images/tab.png');background-size:cover;width: 1080px;height: 96px;line-height: 96px;border-radius:10px;padding:0 80px;position: relative">
    <img src="<%=basePath%>resources/images/logo_2.png" style="height:90px"/>
    <div class="pull-right" style="display: inline-block;">
        <ul class="nav">
            <li id='menu1'><a href="#" onclick='window.location.href="<%=basePath%>user/index.html?page=1";'>用户管理</a></li>
            <li id='menu2'><a href="#" onclick='window.location.href="<%=basePath%>role/index.html";'>角色管理</a></li>
            <li id='menu3'><a href="#" onclick='window.location.href="<%=basePath%>depart/index.html";'>部门管理</a></li>
            <li id='menu4'><a href="#" onclick='window.location.href="<%=basePath%>room/index.html";'>房间区域管理</a></li>
            <li id='menu5'><a href="#" onclick='window.location.href="<%=basePath%>box/index.html";'>盒子管理</a></li>
            <li id='menu6'><a href="#" onclick='window.location.href="<%=basePath%>equipment/index.html?page=1";'>设备管理</a></li>
            <li id='menu7'><a href="#" onclick='window.location.href="<%=basePath%>scene/index.html";'>情景模式</a></li>
        </ul>
    </div>
    <div style="position: absolute;top:0;right:20px;height:20px;line-height:20px;color:white">&nbsp;&nbsp;&nbsp;&nbsp;<span  style="color:darkorange;"> ${loginUserName} </span><span id="userBack" style="" onclick="userBack()">退出系统</span></div>
</div>
	
	
	<script type="text/javascript">
// 	javascript:window.history.forward(1); 
	$(document).ready(function() {
		 var menucode = '${_sMenuCode}';
		$('#'+menucode).removeClass().addClass("active");  
		
		var message = "${_interceptMessage}" ;
		if(message!=null&&message!=''){
			alert(message) ; 
		}
		<%
			request.getSession().removeAttribute("_interceptMessage");
		%>
		
	}); 

	function userBack(){
		if(confirm('确定要退出吗?')){
		window.location.href="<%=basePath%>logout.html"
		}
	}
	

</script>
</body>
</html>






















<%-- <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

  </head>
  
  <body onload="showMessage();">
	<table class='leftTable' >
		<tr class='leftTable'>
			<td class='leftTable'>
				<a href='user/index.html' >用户管理</a>
			</td>
		</tr>
		<tr class='leftTable'>
			<td class='leftTable'>
				<a href='role/index.html' >角色管理</a>
			</td>
		</tr>
		<tr class='leftTable'>
			<td class='leftTable'>
				<a href="depart/index.html" >部门管理</a>
			</td>
		</tr>
		<tr class='leftTable'>
			<td class='leftTable'>
				<a href="room/index.html" >房间区域管理</a>
			</td>
		</tr>
		<tr class='leftTable'>
			<td class='leftTable'>
				<a href="box/index.html" >盒子管理</a>
			</td>
		</tr>
		<tr class='leftTable'>
			<td class='leftTable'>
				<a href="equipment/index.html" >设备管理</a>
			</td>
		</tr>	</table>
	
	<style type="text/css">
		a{
			cursor: pointer;
			color: black ; 
		}
		
		table
		  {
		  border-collapse:collapse;
		  width: 100%;
		  height: 100px;
		  }

		th, td
		  {
		  border: 1px solid blue;
 		 }
 		 td{
 		 	padding: 0px ;
 		 }
 		 
 		 
 		 .leftTable{
 		 	border: none;
 		 }
	</style>
	
	<script type="text/javascript">
		function showMessage(){
			var message = '${message}';
			if(message!=null&&message!=''){
				alert(message) ; 
			}
		}
	</script>
  </body>
</html>
 --%>
